<template>
  <div style="text-align: center;margin-top: 180px">
  <span style="font-size: 100px">
    {{ $t('main.WelcomeMsg') }}
  </span>
  </div>
</template>

<script>
export default {
  name: "Welcome"
}
</script>

<style scoped>
span {
  color: hsl(184, 80%, 25%);
  text-shadow: 0 0 1px currentColor, -1px -1px 1px hsl(184, 80%, 50%), 0 -1px 1px hsl(184, 80%, 55%), 1px -1px 1px hsl(184, 80%, 50%), 1px 1px 1px hsl(184, 80%, 10%), 0 1px 1px hsl(184, 80%, 10%), -1px 1px 1px hsl(184, 80%, 10%), -2px -2px 1px hsl(184, 80%, 15%), -1px -2px 1px hsl(184, 80%, 15%), 0 -2px 1px hsl(184, 80%, 15%), 1px -2px 1px hsl(184, 80%, 15%), 2px -2px 1px hsl(184, 80%, 15%), 2px -1px 1px hsl(184, 80%, 15%), 2px 0 1px hsl(184, 80%, 15%), 2px 1px 1px hsl(184, 80%, 15%), -2px 0 1px hsl(184, 80%, 15%), -2px -1px 1px hsl(184, 80%, 15%), -2px 1px 1px hsl(184, 80%, 15%), 2px 2px 2px hsl(184, 80%, 5%), 1px 2px 2px hsl(184, 80%, 5%), 0 2px 2px hsl(184, 80%, 5%), -1px 2px 2px hsl(184, 80%, 5%), -2px 2px 2px hsl(184, 80%, 5%);
  -moz-user-select: none; /* Firefox私有属性 */
  -webkit-user-select: none; /* WebKit内核私有属性 */
  -ms-user-select: none; /* IE私有属性(IE10及以后) */
  user-select: none; /* CSS3属性 */
}
</style>